﻿
/* 常量设置 */



/* 网站样式 */



/* 首页公共 */

/* 第一部分 */
.ipart01_pro .swiper-pagination-bullet{width:auto; height:auto; display:inline-block; border-radius:unset; background:unset; opacity:unset;}
.ipart01_pro{position:relative; overflow:hidden;}
.ipart01_pro .swiper-container{width:100%; height:calc(100vh - .85rem); }
.ipart01_pro .swiper-container .swiper-slide{width:100%; height:100%;}
.ipart01_pro .btns_box{position:absolute; top:50%; transform:translateY(-50%); right:0; z-index:10; font-size:18px;}
.ipart01_pro .btns_box ul{position:relative;}
.ipart01_pro .btns_box ul::after{content:''; display:block; position:absolute; width:1px; height:calc(100% - .38rem); top:50%; right:.18rem; transform:translateY(-50%); background-color:#dbdbdb;}
.ipart01_pro .btns_box .item{font-size:0; display:flex; align-items:center; justify-content:end; margin-bottom:2.4rem; cursor:pointer;}
.ipart01_pro .btns_box .item:last-child{margin-bottom:0;}
.ipart01_pro .btns_box .item .t_it{font-size:20px; line-height:.48rem; color:#000000; font-weight:bold;}
.ipart01_pro .btns_box .item .cir{display:inline-block; width:.12rem; height:.12rem; background-color:#8b8b8b; position:relative; border-radius:50%; margin-right:.13rem; box-sizing:border-box; margin-left:.23rem; z-index:20;}
.ipart01_pro .btns_box .item .cir img{display:none; width:.24rem; height:.24rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.ipart01_pro .btns_box .item.cur .t_it{color:#006cbf;}
.ipart01_pro .btns_box .item.cur .cir{ width:.38rem; height:.38rem; background-color:#006cbf; margin-left:.1rem; margin-right:0;}
.ipart01_pro .btns_box .item.cur .cir img{display:block;}
.ipart01_pro{position:relative; width:100%;}
.ipart01_pro .bg_box{position:absolute; width:100%; height:100%; top:50%; left:50%; transform:translate(-50%, -50%);}
.ipart01_pro .bg_box img{width:100%; height:100%; object-fit:cover;}
.ipart01_pro .article{position:relative; width:100%; height:100%; display:flex; align-items:center;} 
.ipart01_pro .left{width:36.3%; padding-left:3px;}
.ipart01_pro .cover{position:relative; width:59.32%;}
.ipart01_pro .cover .img_pro{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:81.1%;}
.ipart01_pro .left .top{margin-bottom:.2rem;}
.ipart01_pro .left .top .txt{margin-bottom:10px; font-weight:700;}
.ipart01_pro .left .top .tit{margin-bottom:10px; font-size:40px; font-weight:900; color:#006cbf;}
.ipart01_pro .left .top .con { font-size:15px; line-height:25px; margin-bottom:55px;}

.ipart01_pro .left .butt .common_butt{float:left; margin-right:.15rem; margin-bottom:.2rem;}
.ipart01_pro .left .butt{margin-bottom:.5rem;}
.ipart01_pro .left .bottom .common_more{float:left;}
/* .ipart01_pro .area .swiper-slide .article .left{opacity:0!important;} */
/* .ipart01_pro .area .swiper-slide.swiper-slide-active .article .left{opacity:1!important;} */
/* .ipart01_pro .area .swiper-slide{opacity:0!important;}
.ipart01_pro .area .swiper-slide.swiper-slide-active{opacity:1!important;} */
.ipart01_pro .swiper-slide{opacity:0; z-index:0;}
.ipart01_pro .swiper-slide-prev{opacity:0; z-index:2;}
.ipart01_pro .swiper-slide-active{opacity:1; z-index:3;}
.ipart01_pro .swiper-slide-next{z-index:1;}

#cursor.enter.hidden{opacity:1; position:fixed; width:30px; height:30px; opacity:1; z-index:100; pointer-events:none; transition:.2s ease-in-out; transition-property:background,opacity,transform;}
#cursor.active{opacity:.5; transform:scale(0.5);}
#cursor.hidden{opacity:0;}
#cursor.hiden{opacity:0!important;}




.common_more a {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 .45rem;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: #006cbf;
}

.common_more a .common_t {
    font-size: .16rem;
    line-height: .48rem;
    color: #fff;
    transition: all .5s ease-in-out;
}

.common_more a .common_icon {
    background: url(../img/common_more_icon01.png) no-repeat;
    width: .15rem;
    height: .17rem;
    background-position: center center;
    background-size: cover;
    margin-left: .1rem;
    position: relative;
}

.common_more a .common_icon em {
    background: url(../img/common_more_icon02.png) no-repeat;
    background-position: center center;
    width: .1rem;
    height: .07rem;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-48%);
    left: .08rem;
    transition: all .5s ease-in-out;
}

.common_more a:hover .common_icon em {
    left: .12rem;
}

.common_more a:hover .common_t {
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
    /* 阴影效果 */
}





.common_butt a {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: #f7f7f7;
    box-shadow: 1.231px 1.576px 6px 0px rgba(0, 0, 0, 0.17);
    transition: all .4s ease;
}

.common_butt a .common_t {
    font-size: .16rem;
    line-height: .40rem;
    color: #333333;
    transition: all .4s ease;
}

.common_butt a .common_icon {
    font-size: .16rem;
    line-height: .40rem;
    color: #006cbf;
    opacity: .55;
    margin-left: .1rem;
    transition: all .4s ease;
}

.common_butt a:hover {
    background: #006cbf;
    transition: all .4s ease;
}

.common_butt a:hover .common_t {
    color: #f7f7f7;
    transition: all .4s ease;
}

.common_butt a:hover .common_icon {
    color: #f7f7f7;
    opacity: 1;
    transition: all .4s ease;
}

.common_btn a {
    display: inline-block;
    line-height: .4rem;
    position: relative;
    padding: 0 .48rem;
    box-sizing: border-box;
    border-radius: 6px;
    background-color: transparent;
    border: 1px solid #ffffff;
    line-height: .4rem;
    font-size: .16rem;
    color: #ffffff;
}

.common_btn a:hover {
    color: #006cbf;
    background: #ffffff;
}















